
#{set 'moreStyles'}
    <link rel="stylesheet" href="@{'/public/stylesheets/disponibilidad.css'}">
    <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.7.3.custom.css'}">
    <script src="@{'/public/javascripts/jquery-1.3.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery-ui-1.7.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
#{/set}

<!-- ImageReady Preload Script (index.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		home_over = newImage("images/home-over.jpg");
		about_us_over = newImage("images/about-us-over.jpg");
		tours_over = newImage("images/tours-over.jpg");
		booking_over = newImage("images/booking-over.jpg");
		support_over = newImage("images/support-over.jpg");
		contact_us_over = newImage("images/contact-us-over.jpg");
		preloadFlag = true;
	}
}

// -->
</script>


<script>
	$(function() {
		$( ".fecha" ).datepicker();
	});
</script>


<link rel="stylesheet" href="@{'/public/stylesheets/style.css'}">

<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<table width="775" border="0" cellpadding="0" cellspacing="0" class="frame" id="Table_01">
<!--DWLayoutTable-->
<tr>
  <td width="62" rowspan="5" valign="top"><img src="@{'/public/images/m1.jpg'}" width="62" height="680" alt=""></td>
  <td height="107" colspan="12"><img src="@{'/public/images/m2.jpg'}" width="656" height="107" alt=""></td>
  <td width="57" rowspan="5" valign="top"><img src="@{'/public/images/m3.jpg'}" width="57" height="680" alt=""></td>
</tr>
<tr>
  <td width="118" height="35"><a href="#"
				onMouseOver="window.status='home'; changeImages('home', 'http://localhost:9000/public/images/home-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('home', 'http://localhost:9000/public/images/home.jpg'); return true;"
				onMouseDown="changeImages('home', 'http://localhost:9000/public/images/home-over.jpg'); return true;"
				onMouseUp="changeImages('home', 'http://localhost:9000/public/images/home-over.jpg'); return true;"> <img name="home" src="@{'/public/images/home.jpg'}" width="118" height="35" border="0" alt="home"></a></td>
  <td colspan="2"><a href="#"
				onMouseOver="window.status='about us'; changeImages('about_us', 'http://localhost:9000/public/images/jd-perfil-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('about_us', 'http://localhost:9000/public/images/jd-perfil.jpg'); return true;"
				onMouseDown="changeImages('about_us', 'http://localhost:9000/public/images/jd-perfil.jpg'); return true;"
				onMouseUp="changeImages('about_us', 'http://localhost:9000/public/images/jd-perfil.jpg'); return true;"> <img name="about_us" src="@{'/public/images/jd-perfil.jpg'}" width="110" height="35" border="0" alt="about us"></a></td>
  <td colspan="3"><a href="#"
				onMouseOver="window.status='tours'; changeImages('tours', 'http://localhost:9000/public/images/jd-docentes-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('tours', 'http://localhost:9000/public/images/jd-docentes.jpg'); return true;"
				onMouseDown="changeImages('tours', 'http://localhost:9000/public/images/jd-docentes-over.jpg'); return true;"
				onMouseUp="changeImages('tours', 'http://localhost:9000/public/images/jd-docentes-over.jpg'); return true;"> <img name="tours" src="@{'/public/images/jd-docentes.jpg'}" width="193" height="35" border="0" alt="tours"></a></td>
  <td colspan="6"><a href="#"
				onMouseOver="window.status='support'; changeImages('support', 'http://localhost:9000/public/images/jd-config-over.jpg'); return true;"
				onMouseOut="window.status=''; changeImages('support', 'http://localhost:9000/public/images/jd-config.jpg'); return true;"
				onMouseDown="changeImages('support', 'http://localhost:9000/public/images/jd-config-over.jpg'); return true;"
				onMouseUp="changeImages('support', 'http://localhost:9000/public/images/jd-config.jpg'); return true;"> <img name="support" src="@{'/public/images/jd-config.jpg'}" width="" height="35" border="0" alt="support"></a></td>
  </tr>
<tr>
  <td colspan="12" bgcolor="#729D32" align="center">
    
    <p>&nbsp;</p> 
    <table width="450" border="0" align="center" class="text4" bgcolor="#0099FF">
      <form action="@{PeriodoEnvio.registrarPeriodo()}" method="post">
      <tr>
        <td colspan="7" align="center" bgcolor="#FF0000" >PERIODO DE ENV&Iacute;O DE DISPONIBILIDAD HORARIA</td>
      </tr>
      <tr>
        <td colspan="2" >&nbsp;</td>
        <td width="69">SEMESTRE :</td>
        <td colspan="2" ><input type="text" name="PE.sem_nombre" value="ciclo 1"/></td>
        <td colspan="2" align="center" >&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" >&nbsp;</td>
        <td width="69">INICIO :</td>
        <td colspan="2" > <input type="text" class="fecha" name="PE.per_datFechaInicio" value="13/02/1990"/> </td>
        <td colspan="2" align="center" >&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" align="center" >&nbsp;</td>
        <td  >FINALIZA :</td>
        <td colspan="2" ><input type="datetime" name="PE.per_datFechaFin" value="02/20/2020"/></td>
        <td colspan="2" align="center" >&nbsp;</td>
        </tr>
         <tr>
        <td colspan="7" align="center" ><input type="submit" value="Registrar Periodo"/></td>
      </tr>
      </form>
      
      
      <tr>
        <td colspan="7" align="center" bgcolor="#FF0000" >FECHA DE INICIO Y FIN DEL CICLO ACAD&Eacute;MICO</td>
      </tr>      
      <tr>
        <td colspan="2" >&nbsp;</td>
        <td width="69">INICIO :</td>
        <td colspan="2" ><input type="text" name="ini_ciclo"/></td>
        <td colspan="2" align="center" >&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" align="center" >&nbsp;</td>
        <td  >FINALIZA :</td>
        <td colspan="2" ><input type="text" name="fin_ciclo"/></td>
        <td colspan="2" align="center" >&nbsp;</td>
        </tr>
         <tr>
        <td colspan="7" align="center" ><input type="button" value="Registrar Fecha"/></td>
        </tr>
         <tr>
        <td colspan="7" align="center" bgcolor="#FF0000" >D&Iacute;AS Y HORAS DE CLASES</td>
        </tr>
        <form action="" method="">
        <tr>        
        <td width="61" align="center" >Si<input name="lunes" type="radio" value=""></td>
        <td width="59" align="center" >No<input name="lunes" type="radio" value=""></td>
    
        <td  >Lunes :</td>
        <td colspan="2" >
        	  <select name="EleccionHoras" class="text3">

      	    <option>07:00</option>
            <option>08:00</option>
            <option>09:00</option>
      	    <option>10:00</option>
            <option>11:00</option>
      	    <option>12:00</option>
            <option>13:00</option>
      	    <option>14:00</option>
            <option>15:00</option>
      	    <option>16:00</option>  		
        	<option>17:00</option>
      	    <option>18:00</option>
            <option>19:00</option>
      	    <option>20:00</option>
            <option>22:00</option>
      	    <option>23:00</option>
            
        </select>
        </td>
        <td width="46" align="center" > hasta</td>
        <td width="79" align="center" ><select name="EleccionHoras2" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
           <tr>
        <td align="center" >Si
          <input name="" type="radio" value=""></td>
        <td align="center" >No
          <input name="" type="radio" value=""></td>
        <td  >Martes :</td>
        <td colspan="2" ><select name="EleccionHoras3" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
        <td align="center" >hasta</td>
        <td align="center" ><select name="EleccionHoras10" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
           <tr>
        <td align="center" >Si
          <input name="" type="radio" value=""></td>
        <td align="center" >No
          <input name="" type="radio" value=""></td>
        <td  >Mi&eacute;rcoles :</td>
        <td colspan="2" ><select name="EleccionHoras4" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
        <td align="center" >hasta</td>
        <td align="center" ><select name="EleccionHoras11" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
           <tr>
        <td align="center" >Si
          <input name="" type="radio" value=""></td>
        <td align="center" >No
          <input name="" type="radio" value=""></td>
        <td  >Jueves :</td>
        <td colspan="2" ><select name="EleccionHoras5" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
        <td align="center" >hasta</td>
        <td align="center" ><select name="EleccionHoras12" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
          <tr>
        <td align="center" >Si
          <input name="" type="radio" value=""></td>
        <td align="center" >No
          <input name="" type="radio" value=""></td>
        <td  >Viernes :</td>
        <td colspan="2" ><select name="EleccionHoras6" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
        <td align="center" >hasta</td>
        <td align="center" ><select name="EleccionHoras13" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
          <tr>
        <td align="center" >Si
          <input name="" type="radio" value=""></td>
        <td align="center" >No
          <input name="" type="radio" value=""></td>
        <td  >S&aacute;bado :</td>
        <td colspan="2" ><select name="EleccionHoras7" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
        <td align="center" >hasta</td>
        <td align="center" ><select name="EleccionHoras14" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
          <tr>
        <td align="center" >Si
          <input name="" type="radio" value=""></td>
        <td align="center" >No
          <input name="" type="radio" value=""></td>
        <td  >Domingo :</td>
        <td colspan="2" ><select name="EleccionHoras8" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
        <td align="center" >hasta</td>
        <td align="center" ><select name="EleccionHoras15" class="text3">
          <option>07:00</option>
          <option>08:00</option>
          <option>09:00</option>
          <option>10:00</option>
          <option>11:00</option>
          <option>12:00</option>
          <option>13:00</option>
          <option>14:00</option>
          <option>15:00</option>
          <option>16:00</option>
          <option>17:00</option>
          <option>18:00</option>
          <option>19:00</option>
          <option>20:00</option>
          <option>22:00</option>
          <option>23:00</option>
        </select></td>
          </tr>
          <tr>
          	<td colspan="7" align="center" ><input type="button" value="Actualizar"/></td>
          </tr>
          </form>
          <tr>
        <td colspan="7" align="center" bgcolor="#FF0000" >EL  R&Eacute;GIMEN DE DEDICACI&Oacute;N DE LOS DOCENTES ORDINARIOS </td>
        </tr>
        <form action="" method="">
          <tr>
        <td colspan="3" >Docente Regular :<br>
          </td>
        <td colspan="2" ><input type="text" name="" /></td>
        <td colspan="2" align="center" >&nbsp;</td>
        </tr>
          <tr>
        <td colspan="3"  >Docente a  Tiempo Parcial :</td>
        <td colspan="2" ><input type="text" name="input" /></td>
        <td colspan="2" align="center" >&nbsp;</td>
        </tr>
        <tr>
        <td colspan="3" >Docente a Dedicaci&oacute;n  Exclusiva :</td>
        <td colspan="2" ><input type="text" name="input2" /></td>
        <td colspan="2" align="center" >&nbsp;</td>
        </tr>
        
      <tr>
        <td colspan="7" align="center"><input type="button" value="Actualizar"/></td>
      </tr>
      </form>
      <tr>
        <td colspan="7" >&nbsp;</td>
      </tr>
      </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>  
	<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    

    </td>
</tr>
<tr>
  <td colspan="12" bgcolor="#729D32"  align="center" ><p class="text1">&nbsp;</p>
    <p>&nbsp;</p>
    </td>
</tr>
<tr>
  <td colspan="2" bgcolor="#729D32" ><!--DWLayoutEmptyCell-->&nbsp;</td>
  <td colspan="10" align="left" valign="top" bgcolor="#729D32"><p>&nbsp;</p>
    <p><br>
      <br>
    </p></td>
</tr>
<tr>
  <td height="15" colspan="14" align="center" valign="middle" bgcolor="#0099FF" class="text2">Copyright &copy; ISW | Universidad Nacional Mayor de San Marcos</td>
  </tr>
<tr>
  <td><img src="@{'/public/images/spacer.gif'}" width="62" height="1" alt=""></td>
  <td><img src="@{'/public/images/spacer.gif'}" width="118" height="1" alt=""></td>
  <td width="25"><img src="@{'/public/images/spacer.gif'}" width="25" height="1" alt=""></td>
  <td width="85"><img src="@{'/public/images/spacer.gif'}" width="85" height="1" alt=""></td>
  <td width="75"><img src="@{'/public/images/spacer.gif'}" width="75" height="1" alt=""></td>
  <td width="17"><img src="@{'/public/images/spacer.gif'}" width="14" height="1" alt=""></td>
  <td width="104"><img src="@{'/public/images/spacer.gif'}" width="104" height="1" alt=""></td>
  <td width="17"><img src="@{'/public/images/spacer.gif'}" width="12" height="1" alt=""></td>
  <td width="19"><img src="@{'/public/images/spacer.gif'}" width="19" height="1" alt=""></td>
  <td width="28"><img src="@{'/public/images/spacer.gif'}" width="28" height="1" alt=""></td>
  <td width="43"><img src="@{'/public/images/spacer.gif'}" width="43" height="1" alt=""></td>
  <td width="116"><img src="@{'/public/images/spacer.gif'}" width="116" height="1" alt=""></td>
  <td><img src="@{'/public/images/spacer.gif'}" width="17" height="1" alt=""></td>
  <td><img src="@{'/public/images/spacer.gif'}" width="57" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</center>
</html>